引言 我们日常中使用 react 开发项目，那么一定会跟 react-rouer 打交道，但是由于 react 路由的设计和用法，使得很多刚使用 react 的同学在接触到react-router的时候就会很蛋疼，不知道其匹配的机制和原理。 ...

image.png useState 使用状态 const [n, setN] = React.useState(0) const [user, setUser] = React.useState({name: 'Jack', age: ...

引言 React v16.8 引入了 Hooks，它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。这些功能可以在应用程序中的各个组件之间使用，从而易于共享逻辑。Hook 令人兴奋并迅速被采用，Reac ...

大概不久就是各种 hooks 漫天飞舞的世界。变天了。 本文记录一下 React Hooks 学习，算是还一下技术债。只是一些形式化的理解的整理，不求甚解。 State Hooks import { useState } from 'rea ...

Redux is a predictable state container for JavaScript apps. 本文的代码可以在CodeSandbox中查看。 Redux是React经常用到的一个数据状态管理器（状态机），它将应用 ...

文章首发个人博客 声明：本文为译文，原文链接：https://www.robinwieruch.de/react-libraries React 已经诞生很久了，自从它诞生开始，围绕组件驱动形成了一个非常全面的生态，但是来自其他编程语言或 ...

在前端项目开发的时候，往往逃不开组件之间传值这种操作。常见的几种场景，父子组件、非相关组件。 大家都知道使用redux就能搞定所有的问题，redux是一个全局状态管理，可以把所有的数据放在一个单独的地方在使用的时候直接拿来用；就相当于一个数 ...

原文： The Guide to Learning React Hooks 作者： Eric Bishard 第一章：关于React Hooks 它发布于2018年10月份的16.7.0-alpha.0测试版本中，当时Facebook已经 ...

前言 好的书本分章节、好的代码分模块，那么好的架构该如何定义呢？ 咳咳，不要意思，题目起大了~~ 小生之辈，岂敢以架构而论。 不过话说来，很多人都认为前端无非就是 HTML+CSS+JS,一个目录一类文件，有何架构可言。但是我想说。。。。你 ...